<template>
    <div>
        <!-- 头部导航栏 -->
        <van-nav-bar
            title="首页"
            left-text="返回"
            right-text="按钮"
            left-arrow
            @click-left="onClickLeft"
            @click-right="onClickRight"
        />
    </div>
    
</template>

<script>
    import { Toast } from 'vant';

    export default {
    methods: {
        onClickLeft() {
        Toast('返回');
        },
        onClickRight() {
        Toast('按钮');
        },
    },
    };
</script>

<style scoped>
    .van-nav-bar{
        background: blue;
    }

    /deep/ .van-nav-bar__title {
        color:white;
        /* 一般提升样式选择可选 !important，但此处是标签内部的一个子集的样式,所以子集前加 /deep/ */
    }
</style>